﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="M_Adnan">
    <link rel="icon" href="ico.ico">
    <title>量准（上海）实业有限公司-首页</title>

    <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    <link rel="stylesheet" type="text/css" href="rs-plugin/rs-plugin/css/settings.css" media="screen" />

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/ionicons.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="css/swiper.min.css">

    <link rel="stylesheet" href="sass/common.css">

    <!-- COLORS -->
    <link rel="stylesheet" id="color" href="css/default.css">

    <!-- JavaScripts -->
    <script src="js/modernizr.js"></script>

    <!--<link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900,100' rel='stylesheet' type='text/css'>--->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>

    <!-- Wrap -->
    <div id="wrap">

        <!-- header -->
        <header class="header-normal">
            <div class="sticky">
                <div class="container">
                    <!-- Logo -->
                    <div class="logo">
                        <a href="index.html">
                            <img class="img-responsive" src="img/logo.png" alt="">
                        </a>
                    </div>

                    <!-- Navigation -->
                    <nav class="navbar webimenu">
                        <!-- MENU BUTTON RESPONSIVE -->
                        <div class="menu-toggle"> <i class="fa fa-bars"> </i> </div>
                        <!-- NAV -->
                        <ul class="nav ownmenu">
                            <li class="active"> <a href="index.html">首页</a></li>
                            <li> <a href="about.html">公司简介</a></li>
                            <li> <a href="join.html">加入我们</a></li>
                            <li> <a href="team.html">团队</a></li>

                        </ul>
                    </nav>
                </div>
            </div>
        </header>

        <!--======= HOME MAIN SLIDER =========-->
        <section class="home-slider">
            <!-- Slider Loader -->
            <div id="loader" class="hom-slie">
                <div class="tp-loader spinner0"> <span class="dot1"></span> <span class="dot2"></span> <span
                        class="bounce1"></span>
                    <span class="bounce2"></span> <span class="bounce3"></span> </div>
            </div>

            <!-- SLIDE Start -->
            <div class="tp-banner-container">
                <div class="tp-banner">
                    <ul>
                        <!-- SLIDE  -->
                        <li data-transition="random" data-slotamount="7" data-masterspeed="300"
                            data-saveperformance="off">
                            <!-- MAIN IMAGE -->
                            <img src="img/slide-1.jpg" alt="slider" data-bgposition="center center" data-bgfit="cover"
                                data-bgrepeat="no-repeat">
                            <!-- LAYERS -->

                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption  tp-resizeme" data-x="center" data-hoffset="0" data-y="center"
                                data-voffset="170" data-speed="100" data-start="800" data-easing="Power3.easeInOut"
                                data-splitin="chars" data-splitout="none" data-elementdelay="0.1"
                                data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; font-size:30px; font-family: STHeitiSC-Light; color:#fff; max-width: auto; text-transform:uppercase;
max-height: auto; white-space: nowrap;">以最前沿生物科学技术造福万千人类</div>



                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption skewfromleft tp-resizeme" data-x="center" data-hoffset="0"
                                data-y="center" data-voffset="-60" data-speed="500" data-start="2000"
                                data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                                data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300"
                                style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">

                                <img src="img/zuanli.png" alt="">
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption font-italic font-lora sfb tp-resizeme text-center" data-x="center"
                                data-hoffset="0" data-y="center" data-voffset="80" data-speed="300" data-start="1500"
                                data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                                data-elementdelay="0.07" data-endelementdelay="0.1" data-endspeed="300">

                                <div class="banner-patent">数十余项专利</div>
                            </div>


                        </li>
                        <!-- SLIDE  -->
                        <li data-transition="random" data-slotamount="7" data-masterspeed="300"
                            data-saveperformance="off">
                            <!-- MAIN IMAGE -->
                            <img src="img/slide-2.jpg" alt="slider" data-bgposition="center center" data-bgfit="cover"
                                data-bgrepeat="no-repeat">
                            <!-- LAYERS -->

                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption  tp-resizeme" data-x="center" data-hoffset="0" data-y="center"
                                data-voffset="170" data-speed="100" data-start="800" data-easing="Power3.easeInOut"
                                data-splitin="chars" data-splitout="none" data-elementdelay="0.1"
                                data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; font-size:30px; font-family: STHeitiSC-Light; color:#fff; max-width: auto; text-transform:uppercase;
max-height: auto; white-space: nowrap;">致力于让体外分子检测技术走进千家万户</div>



                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption skewfromleft tp-resizeme" data-x="center" data-hoffset="0"
                                data-y="center" data-voffset="-60" data-speed="500" data-start="2000"
                                data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                                data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300"
                                style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">

                                <img src="img/spr.png" alt="">
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption font-italic font-lora sfb tp-resizeme text-center" data-x="center"
                                data-hoffset="0" data-y="center" data-voffset="80" data-speed="300" data-start="1500"
                                data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                                data-elementdelay="0.07" data-endelementdelay="0.1" data-endspeed="300">

                                <div class="banner-patent">便携式SPR数字诊疗装备</div>
                            </div>

                        </li>
                        <!-- SLIDE  -->
                        <li data-transition="random" data-slotamount="7" data-masterspeed="300"
                            data-saveperformance="off">
                            <!-- MAIN IMAGE -->
                            <img src="img/slide-3.jpg" alt="home_slider3" data-bgposition="center center"
                                data-bgfit="cover" data-bgrepeat="no-repeat">
                            <!-- LAYERS -->

                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption  tp-resizeme" data-x="center" data-hoffset="0" data-y="center"
                                data-voffset="170" data-speed="100" data-start="800" data-easing="Power3.easeInOut"
                                data-splitin="chars" data-splitout="none" data-elementdelay="0.1"
                                data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; font-size:30px; font-family: STHeitiSC-Light; color:#fff; max-width: auto; text-transform:uppercase;
max-height: auto; white-space: nowrap;">我们提供专业的移动化个人健康管理方案</div>



                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption skewfromleft tp-resizeme" data-x="center" data-hoffset="0"
                                data-y="center" data-voffset="-60" data-speed="500" data-start="2000"
                                data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                                data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300"
                                style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">

                                <img src="img/zhineng.png" alt="">
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption font-italic font-lora sfb tp-resizeme text-center" data-x="center"
                                data-hoffset="0" data-y="center" data-voffset="80" data-speed="300" data-start="1500"
                                data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                                data-elementdelay="0.07" data-endelementdelay="0.1" data-endspeed="300">

                                <div class="banner-patent">智能硬件+云服务+算法</div>
                            </div>

                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- Content -->
        <div id="content">


            <section class="facts parallax-bg padding-top-150 padding-bottom-150" data-stellar-background-ratio="0.5">
                <div class="container">

                    <!-- Heading -->

                    <!-- Heading -->
                    <div class="heading text-center">
                        <h4 class="facts-title">
                            <div class="facts-border border-right">
                                <div class="border-short"></div>
                                <div class="border-long"></div>
                            </div>
                            <div class="facts-text">核心技术 — M/N/AI</div>
                            <div class="facts-border">
                                <div class="border-short"></div>
                                <div class="border-long"></div>
                            </div>
                        </h4>
                    </div>

                    <div class="row">
                        <!-- Team Member -->
                        <div class="col-md-4">
                            <div class="facts-magin-left">
                                <img src="img/icon-m.png" alt="">
                                <div class="border-bord"></div>
                                <div>生物微流控芯片</div>
                            </div>
                        </div>

                        <!-- Line Of Codes -->
                        <div class="col-md-4">
                            <div class="facts-magin-left">
                                <img src="img/icon-n.png" alt="">
                                <div class="border-bord"></div>
                                <div>纳米等离子光子耦合芯片</div>
                            </div>

                        </div>

                        <!-- Satisfied Client -->
                        <div class="col-md-4 ">
                            <div class="facts-magin-left">
                                <img src="img/icon-ai.png" alt="">
                                <div class="border-bord"></div>
                                <div>人工智能深度学习</div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>



            <section class="scale">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 scale-items">
                            <img src="img/scale-item1.jpg" alt="">
                            <div class="scale-text scale-bottom">
                                <h5>
                                    模块化产品组件开发测试
                                </h5>
                                <div class="scale-border">
                                    美国大学及外部协作研发团队
                                </div>
                                <div class="scale-ul">
                                    <ul>
                                        <li>核心技术产品检测芯片</li>
                                        <li>检测仪内部集成电路系统</li>
                                        <li>英文手机软件和信息云处理平台</li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4 scale-items">
                            <img src="img/scale-item2.jpg" alt="">
                            <div class="scale-text scale-top">
                                <h5>
                                    光学芯片由量准苏州纳米制造
                                </h5>
                                <div class="scale-border">
                                    中国公司

                                </div>
                                <div class="scale-ul">
                                    <ul>
                                        <li>光学芯片量准苏州纳米制造</li>
                                        <li>商用检测仪及信息系统由量准上海生产</li>
                                        <li>生物芯片于量准武汉进行生产临床实验</li>
                                        <li>app和商用检测系统由量准杭州研发</li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4 scale-items">
                            <img src="img/scale-item3.jpg" alt="">
                            <div class="scale-text scale-bottom">
                                <h5>
                                    模块化产品组件开发测试
                                </h5>
                                <div class="scale-border">
                                    在美国完成50%，中国50%
                                </div>
                                <div class="scale-ul">
                                    <ul>
                                        <li>检测芯片美国外包生产</li>
                                        <li>检测仪中国外包厂生产</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="technology padding-top-150 padding-bottom-150">
                <div class="container">

                    <!-- Heading -->
                    <div class="heading text-center">
                        <h4 class="facts-title">
                            <div class="facts-border border-right">
                                <div class="border-short"></div>
                                <div class="border-long"></div>
                            </div>
                            <div class="facts-text">技术应用</div>
                            <div class="facts-border">
                                <div class="border-short"></div>
                                <div class="border-long"></div>
                            </div>
                        </h4>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="article">
                                <img src="img/icon-xin.png" alt="">
                                <div>光子超感芯片（全球首家）</div>
                                <div>可独立销售的纳米光学芯片</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="article">
                                <img src="img/icon-beizi.png" alt="">
                                <div>超感液体活检分子检测应用</div>
                                <div>各类生物芯片的开发</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="article">
                                <img src="img/icon-yun.png" alt="">
                                <div>
                                    智能数字化装备，同时覆盖
                                </div>
                                <div>
                                    企业级和消费级的分子诊断设备
                                </div>
                            </div>
                        </div>

                    </div>
            </section>

            <section class="product">

                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="box">
                                <div class="i_img i_img_ovuola">
                                    <img src="img/youmi2.png" alt="">
                                </div>
                                <div class="swiper-content">
                                    <div class="title">
                                        佑蜜电子优孕宝
                                    </div>
                                    <div class="border"></div>
                                    <div class="content">
                                        <div class="p">佑蜜电子优孕宝采用先进的纳米金电极，结合电化学阻抗技术，采集女性唾液，以便从唾液里获取相关生理数据。</div>
                                        <div class="p">连接佑蜜APP使用，帮助女性获取、传输、计算、存储生理数据。用科学的方式，帮助更多女性了解自己的身体，找到自己的优孕时刻。
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <img class="bottom-banner" src="img/bottom-banner1.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <div class="i_img i_img_spr">
                                    <img src="img/spr2.png" alt="">
                                </div>
                                <div class="swiper-content">
                                    <div class="title">
                                        StarGate SPR100 多功能蛋白分子互作检测仪
                                    </div>
                                    <div class="border"></div>
                                    <div class="content">
                                        <div class="p">tarGate SPR100设备将表面等离激元检测技术整合于96孔板检测中，</div>
                                        <div class="p">第一次实现了利用酶标仪测定分子间动力学参数，</div>
                                        <div class="p">完全突破了定价百万级人民币的进口高端SPR(表面等离子共振)分子互作检测仪器的长期垄断，</div>
                                        <div class="p">在实现产品价格降低十倍的同时实现灵敏度等性能指标上的超越，</div>
                                        <div class="p">助力中国乃至全球生物医药研发产业的发展。</div>
                                    </div>
                                </div>
                            </div>
                            <img class="bottom-banner" src="img/bottom-banner2.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <div class="i_img i_img_water">
                                    <img src="img/water-logo.png" alt="">
                                </div>
                                <div class="swiper-content shuizhi">
                                    <div class="title">
                                        水质检测物联网及云平台
                                    </div>
                                    <div class="border"></div>
                                    <div class="content">
                                        <div class="p">水质检测物联网及云平台是一种基于物联网的多通道、多物质、实时水质检测技术，</div>
                                        <div class="p">整个系统采用多种先进纳米传感器实现水体中氧、氮、PH等含量检测，</div>
                                        <div class="p">具有低功耗、便携式、无线实时的特点，</div>
                                        <div class="p">结合云存储和大数据分析技术为水体检测提供便利、快捷、有效的分析及预测手段。</div>
                                    </div>
                                </div>
                            </div>
                            <img class="bottom-banner" src="img/bottom-banner3.jpg" alt="">
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </section>



            <!--======= FOOTER =========-->
            <footer>
                <div class="container">

                    <!-- FOOTER -->
                    <div class="footer-info">
                        <div class="row">

                            <!-- Links -->
                            <div class="col-md-4">
                                <h6>关于我们</h6>
                                <ul class="links">
                                    <li><a href="about.html">公司介绍 </a></li>
                                    <li><a href="team.html">团队介绍</a></li>
                                    <li><a href="join.html">加入我们</a></li>
                                    <!-- <li><a href="#.">购买产品</a></li> -->
                                </ul>
                            </div>

                            <!-- keep in touch -->
                            <div class="col-md-4">
                                <h6>联系我们</h6>
                                <p>邮箱 chip@liangzhun.com.cn</p>
                                <p>电话 (+86) 400-0150-560</p>
                            </div>


                            <!-- keep in touch -->
                            <div class="col-md-4">
                                <h6>公众号二维码</h6>
                                <img src="img/two.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </footer>

            <!--======= RIGHTS =========-->
            <div class="rights">
                <div class="container">
                    <p>&copy; 2018 量准（上海）实业有限公司 <a class="beian" href="http://beian.miit.gov.cn"
                            target="_block">沪ICP备16026575号-1</a>
                        <div class="scroll"> <a href="#wrap" class="go-up"><i class="fa fa-space-shuttle"></i></a>
                        </div>
                </div>
            </div>
        </div>

        <!-- JavaScripts -->
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/own-menu.js"></script>
        <script src="js/jquery.lighter.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/color-switcher.js"></script>
        <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
        <script type="text/javascript" src="rs-plugin/rs-plugin/js/jquery.tp.t.min.js"></script>
        <script type="text/javascript" src="rs-plugin/rs-plugin/js/jquery.tp.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/swiper.min.js"></script>
        <script>
            var swiper = new Swiper('.swiper-container', {
                // autoplay: {
                //     delay: 3000
                // },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                    bulletClass: 'my-bullet',
                    bulletActiveClass: 'my-bullet-active',
                },
            });
        </script>
</body>

</html>